@extends('web.layout')
@if($topic->seo_title)
    @section('title', $topic->seo_title)
@else
    @section('title', $topic->title)
@endif

@if($topic->seo_keyword)
    @section('keywords', $topic->seo_keyword)
@endif

@if($topic->seo_description)
    @section('description', $topic->seo_description)
@endif
@section('style')
    @parent
    <link rel="stylesheet" type="text/css" href="{{ asset('static/less/news-desc.css') }}?ver={{ config('app.asset_version') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('static/less/topic.css') }}?v={{ app('cache.config')->get('asset_version') }}"/>
    <style>
        .banner-section .banner-content{
            margin-bottom: 20px;
        }
        .breadcrumb{
            display: flex;
            justify-content:flex-start;
            position: relative;
            margin: 0 auto;
            width: 85.35871%;
            max-width: 1400px;
        }
        .rep{
            display: none;
        }
        @media screen and (max-width: 1024px) {
            .breadcrumb{

                margin: 0;

            }
            .rep{
                margin-bottom: 0;
                margin-top: 10px;
            }
        }
        .news-body{
            padding: 60px 60px;
        }
        .news-main{
            margin-top: 120px;
        }
        .category{
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }
    </style>
@stop

@section('script')
    @parent
    <script src="{{ asset('static/js/jquery-ui-1.9.1.custom.min.js') }}"></script>
    <script src="{{ asset('static/tocify/javascripts/jquery.tocify.js') }}"></script>
@stop




@section('content')



    <div class="news-main">
        <div class="news-box">
            <div class="left">

                <ul class="category">
                    @foreach($topics as $item)
                        @if($item->quick)
                            <li class=""><a href="{{ url('/'.$item->title) }}"><span>{{ $item->quick }}</span> <i class="iconfont">&#xe775;</i></a></li>
                        @endif
                    @endforeach
                </ul>

                <div class="container no-curtain">

                    <div class="main">
                        <div class="wrap">
                            <div class="news-body">
                                <h1 class="title">{{ $topic->title }}</h1>
                                <div class="news-content">
                                    {!! $topic->content !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



            </div>


        </div>
    </div>





@endsection
